<template>
  <div>
    <ElTag size="large">{{ account.nickname }}</ElTag>
  </div>
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from
import { accountStore } from '@/stores/account'

export default defineComponent({
    name: "HeadLine",
    props: {
        sampleP: {
            type: Number,
            default: 0
        }
    },
    data() {
        return {
            sampleD: "value"
        };
    },
    computed: {
        /* sampleC() {
          return this.sampleD + "--";
        }, */
        ...mapState(accountStore, ["account"])
        //  等效于与声明了 this.account
    },
    created() { },
    mounted() { },
    methods: {
    // sampleM() {},
    },
    watch: {
    // sampleP(n, o) {},
    },
})
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
